import React, {FC} from 'react';
import {View, Text, Image, StyleSheet} from 'react-native';
type PropsType = {
  icon: number;
  tips: string;
};
const Empty: FC<PropsType> = (props: PropsType) => {
  const {icon, tips} = props;
  return (
    <View style={styles.root}>
      <Image style={styles.icon} source={icon} />
      <Text style={styles.txt}>{tips}</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  root: {
    width: '100%',
    alignItems: 'center',
    paddingTop: 120,
  },
  icon: {
    width: 96,
    height: 96,
    resizeMode: 'contain',
  },
  txt: {
    fontSize: 14,
    color: '#bbb',
    marginTop: 16,
  },
});
export default Empty;
